.producto-title-wrapper {
  position: relative;
  overflow: visible;
}

.producto-text {
  position: relative;
  display: inline-block;
  padding-bottom: 12px; /* espacio entre texto y la línea */
}

.producto-title-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(-1 * (100vw - 100%));
  /* extiende la línea desde el borde izquierdo de la pantalla */

  width: calc(15% + (100vw - 100%));
  /* 20% del párrafo, pero desplazada a la izquierda hasta ocupar toda la pantalla */

  height: 6px;
  background-color: #fab80e; /* Cambiá el color si querés */
}

.producto-info {
  color: #083c5a;
}

.primer-ficha::before,
.segunda-ficha::before,
.tercera-ficha::before {
  content: "";
  display: block;
  position: relative; /* relativo al flujo normal */
  left: 50%; /* mover desde el centro */
  transform: translateX(-50%); /* centrar al 100% del ancho */
  width: 99vw; /* ancho completo de la ventana */
  height: 3px; /* grosor de la línea */
  background-color: #eaeaea;
  margin-bottom: 1.5rem; /* espacio debajo de la línea */
  margin-top: 2rem; /* espacio arriba de la línea */
}

.ficha {
  color: #083c5a;
}

#menu {
  position: sticky !important;
  background-color: #083c5a !important;
}

.product-image-box{
  width: 100%;
  aspect-ratio: 1 / 1;      /* mismo tamaño para todos */
  overflow: hidden;
  display: block;
}

/* OJO: apuntamos al IMG real, aunque venga dentro de <picture> */
.product-image-box img{
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: contain;      /* NO deforma, mantiene proporción */
  object-position: center;
}

@media (max-width: 768px) {
  .producto-info p {
    width: 100% !important;
    margin-bottom: 2rem;
  }
}